
.banner {
  width: 100%;
  height: 738px;
  background: url("../images/yun_qing_zhan/banner.png") no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  .mao_dian{
    display: block;
    width: 1200px;
    margin:0 auto;
    height:100%;
  }

}

.createTypeContent {
  background: #000000;
  min-height: 600px;
  padding-top: 30px;
}

.center-img-content-box {
  margin-top: 64px;
}

.center-img-box {
  > li {
    float: left;
    position: relative;
  }
  .bottom-desc-box {
    width: 100%;
    height: 97px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .63);
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    > p {
      text-align: center;
      &:first-child {
        color: #2fc7ff;
        font-size: 28px;
        margin-bottom: 4px;
      }
    }
  }
}
//
.te_dian_title {
  margin-top: 123px;
}

.tedian_bg_content {
  width: 100%;
  height: 920px;
  background: url("../images/yun_qing_zhan/te_dian_bg.jpg") no-repeat top center;
  background-size: 100% 100%;
}

.show_img_center_content {
  overflow: hidden;
  text-align: center;
  > .text-center {
    margin-bottom: 40px;
  }
  .show_3d_title {
    font-size: 36px;
    color: #2fc7ff;
    margin-top: 70px;
    margin-bottom: 10px;
  }
  .show_img_box{
    position: relative;
    width: 923px;
    height: 575px;
    margin:0 auto;
    background:url("../images/yun_qing_zhan/3D_show_img.png") no-repeat top center;
    background-size:100% 100%;
  }
  .desc_3d_show {
    font-size: 24px;
    color: #fff;
    margin-top: 44px;
  }

}

//comment
.line {
  display: inline-block;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background: #2fc7ff;
}

.font-size-36px {
  font-size: 26px;
  color: #2fc7ff;
}

.font-size-24px {
  font-size: 22px;
  color: #fff;
}

.quan_jing_show_container {
  width: 100%;
  height: 1171px;
  background: url("../images/yun_qing_zhan/all_show_bg.jpg") no-repeat top center;
  background-size: 100% 100%;
}

.quan_jing_show_center {
  padding-top: 45px;
  .show-top {
    text-align: center;
    color: #fff;
    margin-bottom: 58px;
    .text-center {
      margin-top: 8px;
      margin-bottom: 28px;
    }
    .show_3d_title {
      font-size: 36px;
      color: #2fc7ff;
    }
    .show_desc {
      font-size: 24px;
    }
  }
  .sohw_item_box {
    width: 720px;
    margin: 0 auto;
    .flex-grow-1{
      text-align: center;
    }
  }
}

//微商城

.wei_shop_container{
  width: 100%;
  height: 901px;
  background:url('../images/yun_qing_zhan/weishop_bg.jpg') no-repeat top center;
  background-size:100% 100%;
  padding-top:30px;
  .title_box{
    text-align: center;
  }
  .text-center {
    margin-top: 8px;
    margin-bottom: 28px;
  }
  .shop_box{
    padding:72px 30px 0;
  }
  .show-item{
    width: 346px;
    text-align: center;
    .title{
      font-size:26px;
      color:#2fc7ff;
      margin-top:24px;
      margin-bottom: 5px;
    }
    .desc{
      font-size:18px;
      color:#fff;
      text-align: justify;
      line-height:36px;
    }
  }
}
//人工智能
.regong_zhineng_container{
  width: 100%;
  height: 1364px;
  background:url("../images/yun_qing_zhan/weishop_bottom_bg.jpg") no-repeat top center;
  background-size:100% 100%;
  padding-top:52px;
  .title_box{
    text-align: center;
    .text-center{
      margin-top: 8px;
      margin-bottom:28px;
    }
  }
  .img-text-box{
    width: 1205px;
    margin:56px auto 0;
    padding-left:79px;
    padding-right: 22px;
    .title{
      font-size:26px;
      color:#2fc7ff;
      margin-top: 15px;
      margin-bottom: 3px;
    }
    .desc{
      font-size:18px;
      line-height: 36px;
      color:#fff;
    }
    .long-line{
      width: 198px;
      height: 1px;
      background: #2fc7ff;
      margin-top: 20px;
    }
    .te-shu{
      margin-top:38px;
    }
    .fist-box{
      width:366px ;
    }
    .second-box{
      width: 226px;
      margin-left: 20px;
      margin-right: 33px;
      text-align: center;
      position:relative;
      .artificial{
        margin-top:42px;
      }
      .person{
        position: absolute;
        left:50%;
        transform:translateX(-50%);
        top:420px;
        max-width: none;
      }
    }
    .three-box{
      width: 457px;
    }
  }
}

.h5_web_container{
  width: 100%;
  height: 816px;
  background:#131213;
  text-align: center;
  padding-top:10px;
  .text-center {
    margin-top: 10px;
    margin-bottom: 28px;
  }
  .h5_list_box{
    text-align: center;
    font-size:24px;
    color:#fff;
    margin-top:60px;
  }
}

//anliejiexi

.video-big-box{
  position: relative;
}
.big-bg{
  margin-left: -20px;
}
.video-container{
  width:253px;
  height: 411px;
  //background: #000000;
  position: absolute;
  top:417px;
  left:50%;
  transform: translateX(-50%);
}
.center-video{
  width:253px;
  height: 411px;
  display: none;
  background: #000;
}
.small_playBtn{
  width: 60px;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index: 100;
}


.anli_jie_xi_contact{
  width: 100%;
  height:2680px;
  background: #000000 url("../images/yun_qing_zhan/bottom_bg.png") no-repeat top center;
  background-size:100% 100%;
  padding-top:30px;

  .red{
    color:#df080a;
    font-size:15px;
    margin-right: 10px;
  }
  .font-famliy{
    font-family: 宋体;
    color:#fff;
    font-size:24px;
  }
  .title{
    margin-bottom:64px;
  }
  .form-box{
    width: 1173px;
    height: 591px;
    margin:0 auto;
    background: url("../images/contact_border.png") no-repeat top center;
    background-size:100% 100%;
    padding-top:120px;
    padding-left:70px;
    input,select,textarea{
      border:1px solid #018a96;
      background: transparent;
      border-radius: 5px;
      font-size:16px;
    }
    .center{
      margin-left:35px;
      margin-right: 56px;
    }
    input,select{
      height: 36px;
      margin-left: 18px;
    }
    .input-box{
      margin-bottom: 80px;
      padding-left:32px;
      input{
        color:#ccc;
        padding-left:10px;
        &.name{
          width:148px;
        }
        &.phone{
          width: 204px;
        }
      }
      select{
        width: 158px;
        color:#ccc;
      }
    }
    .textarea{
      width:864px;
      height: 168px;
      padding:15px;
      color:#ccc;
      margin-left: 20px;
    }

  }

}
